/* 
    Document   : style
    Created on : May 8, 2013, 8:48:09 AM
    Author     : Alejandro M. Zambrano K.
    Description:
        Estilo a la página de la calculadora.
*/

root { 
    display: block;
}

/* http://css-tricks.com/css3-gradients/ */
body {
   background-color: #e3e3e3;
   background-image: url(img/bg.png);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#919191), to(#e3e3e3));
   background-image: -webkit-linear-gradient(top, #919191, #e3e3e3); 
   background-image: -moz-linear-gradient(top, #919191, #e3e3e3);
   background-image: -ms-linear-gradient(top, #919191, #e3e3e3);
   background-image: -o-linear-gradient(top, #919191, #e3e3e3);
   background-repeat: repeat-x;
}

form {
    width: 256px;
    margin: 100px auto 80px auto;
    background-color: #FFFFFF;
    padding: 15px 15px 65px 15px;
    border: 1px solid black;
}

form h1 {
    margin: 0px;
}

input.valor {
    width: 252px;
    margin-bottom: 10px;
}

input.button{
    float: left;
    width: 50px;
    height: 50px;
    margin: 0 7px 10px 7px;
}

h1{
    margin-bottom: 0px;
}

.autor{
    font-size:75%;
    margin-bottom: 10px;
}

/* http://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-inputs-spin-box#answer-4298216 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}